import { $init, $digest } from '../../utils/common.util'
var app = getApp();
var api = require('../../api.js');
Page({


  data: {
    images: [],
    type: '',
    video_id: 0,
    video: {},
    content: '',
    img_url: [],
  },

  /**
   * 生命周期函数--监听页面加载
   */


  //选择图片
  onLoad(options) {
    if (options) {
      if (options.type) {
        this.setData({
          type: options.type
        })
      }
      if (options.video_id) {
        this.setData({
          video_id: options.video_id
        })
      }
    }
    $init(this)
    this.getVideoInfo();
  },
  onShow() {

  },
  inputContent: function (e) {
    this.setData({
      content: e.detail.value
    });
  },
  chooseImage(e) {
    wx.chooseImage({
      sizeType: ['original', 'compressed'],  //可选择原图或压缩后的图片
      sourceType: ['album', 'camera'], //可选择性开放访问相册、相机
      success: res => {
        const images = this.data.images.concat(res.tempFilePaths)
        // 限制最多只能留下3张照片
        this.data.images = images.length <= 8 ? images : images.slice(0, 8)
        $digest(this)
      }
    })
  },

  removeImage(e) {
    const idx = e.target.dataset.idx
    this.data.images.splice(idx, 1)
    $digest(this)
  },

  handleImagePreview(e) {
    const idx = e.target.dataset.idx
    const images = this.data.images
    wx.previewImage({
      current: images[idx],  //当前预览的图片
      urls: images,  //所有要预览的图片
    })
  },

  uploadImg: function (i) {
    var page = this
    wx.showLoading({
      title: '上传中',
    })
    wx.uploadFile({
      url: api.default.upload_img,
      filePath: page.data.images[i],
      name: 'image',
      complete: function (res) {
        console.log(res);
        if (res.statusCode == 200) {
          var data = JSON.parse(res.data);
          if (data.errcode == 0) {
            var img = page.data.img_url;
            img.push(data.data.url);
            page.setData({
              img_url: img
            });
            //判断图片上传完成

            if (i == page.data.images.length - 1) {
              page.submitPost()
            }
          } else {
            wx.showToast({
              title: '上传失败',
              icon: 'none'
            });
          }
        } else {
          wx.showToast({
            title: '上传失败',
            icon: 'none'
          });
        }

      }
    })

  },
  submit: function () {
    var page = this
    if (page.data.content == 0) {
      wx.showToast({
        title: '请输入评价内容',
        icon: 'none'
      })
      return false;
    }
    if (page.data.images.length > 0) {
      for (var i = 0; i < page.data.images.length; i++) {
        page.uploadImg(i);
      }
    } else {
      page.submitPost()
    }

  },
  submitPost: function () {
    var page = this
    wx.showLoading({
      title: '提交中',
    })
    app.request({
      url: api.video.add_comment,
      method: 'POST',
      data: {
        video_id: page.data.video_id,
        content: page.data.content,
        img: page.data.img_url,
      },
      success: function (res) {
        if (res.errcode == 0) {
          wx.showToast({
            title: '提交成功',
          })
          let pages = getCurrentPages(); //获取当前页面js里面的pages里的所有信息。
          let prevPage = pages[pages.length - 2];
          //prevPage 是获取上一个页面的js里面的pages的所有信息。 -2 是上一个页面，-3是上上个页面以此类推。
          prevPage.setData({  // 将我们想要传递的参数在这里直接setData。上个页面就会执行这里的操作。

          })
          prevPage.onLoad()
          setTimeout(function () {
            wx.navigateBack({
              delta: 1
            })
          }, 1000)
        }else{
          wx.showModal({
            title: '提示',
            content: res.errmsg,
            success:function(resc){
              wx.navigateBack({
                delta: 1
              })
            }
          })
        }
      },
      fail: function (res) {
        wx.showModal({
          title: '警告',
          content: res.errmsg,
          showCancel: false
        })
      },
      complete: function () {
        wx.hideLoading();
      }
    });
  },



  /******* 选择图片完*******/

  //获取视频信息
  getVideoInfo: function () {
    var page = this;
    wx.showLoading({
      title: '加载中',
    })
    app.request({
      url: api.user.video,
      method: 'POST',
      data: {
        video_id: page.data.video_id
      },
      success: function (res) {
        if (res.errcode == 0) {
          page.setData({
            video: res.data,
          })
        }else{
          wx.showModal({
            title: '提示',
            content:res.errmsg
          })
        }
      },
      fail: function (res) {
        wx.showModal({
          title: '警告',
          content: res.errmsg,
          showCancel: false
        })
      },
      complete: function () {
        wx.hideLoading();
      }
    });
  },

})